﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Products Characteristics</title>
    <style type="text/css">
    table.myTable { border-collapse:collapse; }
    table.myTable td{ border:1px solid black;padding:4px; }
</style>
</head>
<body>
    <form>
        <table class="myTable" style="width:1200px;">
            <thead>
                <tr style="background-color:lightblue;text-align:left">
                   <th colspan="6">
                       Drag a column header and drop it here to group by that column
                   </th>
                </tr>
                <tr style="background-color:lightblue">
                    <th style="text-align:left">
                        <label for="ProductID"><strong>ProductID</strong></label>
                    </th>
                    <th style="text-align:left">
                        <label for="Product Name"><strong>Product Name</strong></label>
                    </th>
                    <th style="text-align:left">
                        <label for="Unit Price"><strong>Unit Price</strong></label>
                    </th>
                    <th  style="text-align:left">
                        <label for="Quantity per unit"><strong>Quantity per unit</strong></label>
                    </th>
                    <th  style="text-align:left">
                        <label for="Units in stock"><strong>Units in stock</strong></label>
                    </th>
                    <th  style="text-align:left">
                        <label for="Discontinued"><strong>Discontinued</strong></label>
                    </th>
                </tr>
                <tr style="background-color:lightblue">
                    <td style="width:10px">
                        <input type="text" name="ProductID" value=" " id="ProductID"/>
                    </td>
                    <td style="width:220px">
                        <input type="text" name="Product Name" value=" " id="Product Name" />
                    </td>
                    <td>
                        <input type="text" name="Unit Price" value=" " id="Unit Price" />
                    </td>
                    <td>
                        <input type="text" name="Quantity per unit" value=" " id="Quantity per unit" />
                    </td>
                    <td>
                        <input type="text" name="Units in stock" value=" " id="Units in stock" />
                    </td>
                    <td>
                        <input type="text" name="Discontinued" value=" " id="Discontinued"/>
                    </td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        1
                    </td>
                    <td>
                        Chai
                    </td>
                    <td>
                        $18.00
                    </td>
                    <td>
                        10 boxes x 20 bags
                    </td>
                    <td>
                        39
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        2
                    </td>
                    <td>
                        Chang
                    </td>
                    <td>
                        $19.00
                    </td>
                    <td>
                        24-12 oz bottles
                    </td>
                    <td>
                        17
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        3
                    </td>
                    <td>
                        Aniseed Syrup
                    </td>
                    <td>
                        $10.00
                    </td>
                    <td>
                        12 - 550 ml bottles
                    </td>
                    <td>
                        13
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        4
                    </td>
                    <td>
                        Chef Anton`s Cajun Seasoning
                    </td>
                    <td>
                        $22.00
                    </td>
                    <td>
                        48 - 6 oz jars
                    </td>
                    <td>
                        53
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        5
                    </td>
                    <td>
                        Chef Anton`s Gumbo Mix
                    </td>
                    <td>
                        $21.35
                    </td>
                    <td>
                        36 boxes
                    </td>
                    <td>
                        0
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" checked="checked" />
                    </td>
                </tr>
                <tr>
                    <td>
                        6
                    </td>
                    <td>
                        Gradma`s Boysenberry Spread
                    </td>
                    <td>
                        $25.00
                    </td>
                    <td>
                        12 - 8 oz jars
                    </td>
                    <td>
                        120
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        7
                    </td>
                    <td>
                        Uncle Bob`s Organic Dried Pears
                    </td>
                    <td>
                        $30.00
                    </td>
                    <td>
                        12 - 1 lb pkgs.
                    </td>
                    <td>
                        15
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        8
                    </td>
                    <td>
                        NorthWoods Cranberry Sauce
                    </td>
                    <td>
                        $40.00
                    </td>
                    <td>
                        12 - 12 oz jars
                    </td>
                    <td>
                        6
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" checked="checked" />
                    </td>
                </tr>
                <tr>
                    <td>
                        9
                    </td>
                    <td>
                        Mishi Kobe Niku
                    </td>
                    <td>
                        $97.00
                    </td>
                    <td>
                        18 - 500 g pkgs.
                    </td>
                    <td>
                        29
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        10
                    </td>
                    <td>
                        Ikura
                    </td>
                    <td>
                        $31.00
                    </td>
                    <td>    
                        12 - 200 ml jars 
                    </td>
                    <td>
                        31
                    </td>
                    <td>
                        <input type="checkbox" name="check box" value="" />
                    </td>
                </tr>
            </tbody>
            <tfoot>
                <tr style="background-color:lightblue;">
                    <td colspan="4">
                        <input type="image" name="back button" src="http://www.clker.com/cliparts/5/a/b/5/12065705251795334329akiross_Audio_Button_Set_7.svg.thumb.png" alt="back button" style="width:20px" />&nbsp
                        <input type="image" src="http://myempirepro.com/bootcamp/wp-content/uploads/2011/12/back_button_icon1.png" name="PreviousPage" alt="PreviousPage" style="width:20px" />&nbsp
                        1 2 3 4 5 6 7 8 9 10
                        <input type="image" src="http://100wondersoftheworld.com/images/next_button.png" name="PreviousPage" alt="PreviousPage" style="width:16px" />&nbsp
                        <input type="image" src="http://www.clker.com/cliparts/0/4/e/8/1206570574308349122akiross_Audio_Button_Set_5.svg.med.png" name="PreviousPage" alt="PreviousPage" style="width:20px" />
                         <label for="Page size">Page size</label>
                        <select>
                            <option value="10" id="Page size">10</option>
                        </select>
                        </td>
                    <td colspan="2" style="text-align:right;border-collapse:collapse">
                        335104 items in 33511 pages
                    </td>
                </tr>
            </tfoot>
        </table>
    </form>
</body>
</html>
